.anime-0b-cover {
  position       : relative;
  width          : 200px;
  display        : flex;
  justify-content: center;
  height: 30px;
}

.anime-0c {
  animation       : anime-0c 1s ease 1s both;
  position        : absolute;
  width           : 200px;
  height          : 150px;
  background-color: #fff;
  border          : 1px solid #333;
  display         : flex;
  justify-content : center;
  align-items     : center;
}

@keyframes anime-0c {
  from {
    border-radius: 5px;
  }

  to {
    width           : 9px;
    height          : 16px;
    background-color: #eee;
    border          : 1px solid #333;
  }
}

.anime-0c1 {
  animation       : anime-0c1 0.5s ease 2s both;
  width           : 5px;
  height          : 5px;
  border-radius   : 50%;
  background-color: #222;
}

@keyframes anime-0c1 {
  from {
    transform: scale(0.1);
    opacity  : 0;
  }

  90% {
    transform: scale(1.3);
    opacity  : 1;
  }

  to {
    transform: scale(1);
    opacity  : 1;
  }
}

.anime-0c2-group {
  display : flex;
  position: absolute;
}

.anime-0c2,
.anime-0c3 {
  width           : 9px;
  height          : 16px;
  background-color: #fff;
  border          : 1px solid #333;
  display         : flex;
  justify-content : center;
  align-items     : center;
  margin          : 0 1px;
}

.anime-0c2::before,
.anime-0c3::before {
  position     : absolute;
  display      : block;
  content      : '';
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  border       : 1px solid #aaa;
}

.anime-0c3::before {
  border          : 0;
  background-color: #000;
}